<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1755953" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">首页logo-21</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71a;</span>
                <div class="name">首页logo-20</div>
                <div class="code-name">&amp;#xe71a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe715;</span>
                <div class="name">4</div>
                <div class="code-name">&amp;#xe715;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe716;</span>
                <div class="name">2</div>
                <div class="code-name">&amp;#xe716;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe717;</span>
                <div class="name">3</div>
                <div class="code-name">&amp;#xe717;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe713;</span>
                <div class="name">pdf(1)-02</div>
                <div class="code-name">&amp;#xe713;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">xls</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe712;</span>
                <div class="name">内部管控</div>
                <div class="code-name">&amp;#xe712;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">体温检测</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe710;</span>
                <div class="name">进程轨迹</div>
                <div class="code-name">&amp;#xe710;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">接触人员</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">核酸记录</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">进出日志</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70c;</span>
                <div class="name">接种信息</div>
                <div class="code-name">&amp;#xe70c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70b;</span>
                <div class="name">基础信息</div>
                <div class="code-name">&amp;#xe70b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">筛选</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">调度审核</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">作业公司审核</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">大小类型配置</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe709;</span>
                <div class="name">未标题-2_画板 1 副本</div>
                <div class="code-name">&amp;#xe709;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">未标题-2_画板 1</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">icon_画板 1</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">icon_画板 1 副本</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe706;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe706;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe705;</span>
                <div class="name">海轮概览</div>
                <div class="code-name">&amp;#xe705;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fe;</span>
                <div class="name">icon-其它</div>
                <div class="code-name">&amp;#xe6fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">icon-海关放行</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe700;</span>
                <div class="name">icon-费支</div>
                <div class="code-name">&amp;#xe700;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe701;</span>
                <div class="name">icon-卸货信息</div>
                <div class="code-name">&amp;#xe701;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe702;</span>
                <div class="name">icon-海轮信息</div>
                <div class="code-name">&amp;#xe702;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe703;</span>
                <div class="name">icon-卸货信息</div>
                <div class="code-name">&amp;#xe703;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">icon-整船核销</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fc;</span>
                <div class="name">批量作业量分配</div>
                <div class="code-name">&amp;#xe6fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">作业量分配</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f6;</span>
                <div class="name">icon_下发指令</div>
                <div class="code-name">&amp;#xe6f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fa;</span>
                <div class="name">icon_结算</div>
                <div class="code-name">&amp;#xe6fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fb;</span>
                <div class="name">icon_查看详情</div>
                <div class="code-name">&amp;#xe6fb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f2;</span>
                <div class="name">icon_顶部消息图标</div>
                <div class="code-name">&amp;#xe6f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f5;</span>
                <div class="name">icon_主题图标</div>
                <div class="code-name">&amp;#xe6f5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f9;</span>
                <div class="name">icon_增加内部协议</div>
                <div class="code-name">&amp;#xe6f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f1;</span>
                <div class="name">icon_船方杂项费用</div>
                <div class="code-name">&amp;#xe6f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">icon_结算</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f4;</span>
                <div class="name">icon_增加内部协议</div>
                <div class="code-name">&amp;#xe6f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f7;</span>
                <div class="name">icon_外贸海轮运抵申报</div>
                <div class="code-name">&amp;#xe6f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f8;</span>
                <div class="name">icon_单项海轮合同录入</div>
                <div class="code-name">&amp;#xe6f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">跑垛</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6eb;</span>
                <div class="name">车载APP</div>
                <div class="code-name">&amp;#xe6eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ec;</span>
                <div class="name">客户端</div>
                <div class="code-name">&amp;#xe6ec;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">WEB</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">APP</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ea;</span>
                <div class="name">还货</div>
                <div class="code-name">&amp;#xe6ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e9;</span>
                <div class="name">数据自助分析</div>
                <div class="code-name">&amp;#xe6e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e8;</span>
                <div class="name">夜班</div>
                <div class="code-name">&amp;#xe6e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e2;</span>
                <div class="name">装</div>
                <div class="code-name">&amp;#xe6e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e3;</span>
                <div class="name">卸</div>
                <div class="code-name">&amp;#xe6e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e4;</span>
                <div class="name">货主</div>
                <div class="code-name">&amp;#xe6e4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e5;</span>
                <div class="name">白班</div>
                <div class="code-name">&amp;#xe6e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e6;</span>
                <div class="name">位置</div>
                <div class="code-name">&amp;#xe6e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e7;</span>
                <div class="name">晚班</div>
                <div class="code-name">&amp;#xe6e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e1;</span>
                <div class="name">重命名</div>
                <div class="code-name">&amp;#xe6e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6df;</span>
                <div class="name">1-01</div>
                <div class="code-name">&amp;#xe6df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6e0;</span>
                <div class="name">网盘</div>
                <div class="code-name">&amp;#xe6e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6de;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe6de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">im分享</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dc;</span>
                <div class="name">上转</div>
                <div class="code-name">&amp;#xe6dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6dd;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe6dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">表情</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">1</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">头像-01</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">头像-02</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c5;</span>
                <div class="name">开票结算系统</div>
                <div class="code-name">&amp;#xe6c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c6;</span>
                <div class="name">轮驳生产系统</div>
                <div class="code-name">&amp;#xe6c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c7;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe6c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c8;</span>
                <div class="name">生产作业系统</div>
                <div class="code-name">&amp;#xe6c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">对外服务系统</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">调度指挥系统</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">设备数据管理</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cc;</span>
                <div class="name">第三方子系统</div>
                <div class="code-name">&amp;#xe6cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cd;</span>
                <div class="name">商务业务系统</div>
                <div class="code-name">&amp;#xe6cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">经营层驾驶舱</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">资源管理系统</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d0;</span>
                <div class="name">执行层驾驶舱</div>
                <div class="code-name">&amp;#xe6d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d1;</span>
                <div class="name">决策层驾驶舱</div>
                <div class="code-name">&amp;#xe6d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d2;</span>
                <div class="name">专项统计分析</div>
                <div class="code-name">&amp;#xe6d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d3;</span>
                <div class="name">元数据系统</div>
                <div class="code-name">&amp;#xe6d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">综合信息查询</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">基础数据系统</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">船</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">通用图标1</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c3;</span>
                <div class="name">通用图标2</div>
                <div class="code-name">&amp;#xe6c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">新增票货</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">机械核算</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">作业票</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">预览</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">其它消息_lef_curr</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">部门消息_lef_curr</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">个人消息_lef_p</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">其它消息_lef_p</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">个人消息_lef_curr</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">部门消息_lef_p</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">个人消息</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">其它消息</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">部门消息</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">装船海轮</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">添加提货</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">对外服务-01</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">取消关联</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">更新</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">增加</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">关联机构</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">关联货种</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">关联过程</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">logo</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">zhaq_icon5</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">默认头像</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">邮箱</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">登录密码</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">手机号</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">进口货物</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">海轮预报</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">报错提示</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">信息提示</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">吞吐量</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">综合查询</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">报表</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">调整</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">调发货</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">注销icon</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">rig_icon3</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">rig_icon1</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">rig_icon2</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">rig_icon4</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">商务指令核销</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">清场</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">调账</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">详情</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">商务指令核销</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">打印</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">下发作业公司</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">离泊</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">执行计划</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">抵锚</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">开工</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">特殊情况记录</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">抵长江口</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">完工</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">靠泊</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">移泊</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">审核发布</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">接收上班次计划</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">查询指令</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">离港</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">单点登录</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">信息查询</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">决策系统</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">作业系统</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">商务系统</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">一站式服务大厅</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">调度系统</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">元数据管理</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">基础数据管理</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">停工</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">指导员</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">自动核算</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">在线设备故障</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">销审</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">表单</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">查询历史记录</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">操作日志</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">查看照片</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">地磅</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">查询商务指令</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">修改工班计划</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">货权转移</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">复工</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">昼夜工作计划</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">作废</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">接收上班</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b2;</span>
                <div class="name">审核通过</div>
                <div class="code-name">&amp;#xe6b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">签工时</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b4;</span>
                <div class="name">结算</div>
                <div class="code-name">&amp;#xe6b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b5;</span>
                <div class="name">理货员</div>
                <div class="code-name">&amp;#xe6b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b6;</span>
                <div class="name">批量添加</div>
                <div class="code-name">&amp;#xe6b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b7;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe6b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">开票</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b9;</span>
                <div class="name">打印</div>
                <div class="code-name">&amp;#xe6b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ba;</span>
                <div class="name">审核不通过</div>
                <div class="code-name">&amp;#xe6ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bc;</span>
                <div class="name">配工</div>
                <div class="code-name">&amp;#xe6bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">生产作业理货票</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6be;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe6be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bf;</span>
                <div class="name">收工</div>
                <div class="code-name">&amp;#xe6bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">调账</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c1;</span>
                <div class="name">开工</div>
                <div class="code-name">&amp;#xe6c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">随车小票</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">保存</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">集并</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">复制</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">直取</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">入库场</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">卸船海轮</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">提货</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">添加补充协议</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">撤回</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">提交</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">默认头像</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">tab_arrowlef</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">tab_arrow</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">生产调度</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">作业</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">库场管理</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">综合管理</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">商财一体化</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">单证中心</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">生产作业系统</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">单证结算</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">轮驳系统</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">右箭头</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">top_收起</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">top_展开</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">logo-01</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">图标_列表删除</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">列表图标_关联机构</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">列表图标_关联货种</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">列表图标_关联过程</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">列表图标_列表编辑</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">列表图标_列表新增</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">列表图标_列表</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">列表图标_角色管理</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">列表图标_取消关联</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">元数据管理</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">商务系统</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">基础数据管理</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">一站式服务大厅</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">信息查询</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">作业系统</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">单点登录</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">调度系统</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">决策系统</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1649321487485') format('woff2'),
       url('iconfont.woff?t=1649321487485') format('woff'),
       url('iconfont.ttf?t=1649321487485') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-21"></span>
            <div class="name">
              首页logo-21
            </div>
            <div class="code-name">.icon-shouyelogo-21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-20"></span>
            <div class="name">
              首页logo-20
            </div>
            <div class="code-name">.icon-shouyelogo-20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-4"></span>
            <div class="name">
              4
            </div>
            <div class="code-name">.icon-a-4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-2"></span>
            <div class="name">
              2
            </div>
            <div class="code-name">.icon-a-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-3"></span>
            <div class="name">
              3
            </div>
            <div class="code-name">.icon-a-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-12"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.icon-a-12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-pdf1-02"></span>
            <div class="name">
              pdf(1)-02
            </div>
            <div class="code-name">.icon-a-pdf1-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-pdf1-01"></span>
            <div class="name">
              xls
            </div>
            <div class="code-name">.icon-a-pdf1-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-neibuguankong"></span>
            <div class="name">
              内部管控
            </div>
            <div class="code-name">.icon-neibuguankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiwenjiance"></span>
            <div class="name">
              体温检测
            </div>
            <div class="code-name">.icon-tiwenjiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinchengguiji"></span>
            <div class="name">
              进程轨迹
            </div>
            <div class="code-name">.icon-jinchengguiji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiechurenyuan"></span>
            <div class="name">
              接触人员
            </div>
            <div class="code-name">.icon-jiechurenyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hesuanjilu"></span>
            <div class="name">
              核酸记录
            </div>
            <div class="code-name">.icon-hesuanjilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jinchurizhi"></span>
            <div class="name">
              进出日志
            </div>
            <div class="code-name">.icon-jinchurizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiezhongxinxi"></span>
            <div class="name">
              接种信息
            </div>
            <div class="code-name">.icon-jiezhongxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichuxinxi"></span>
            <div class="name">
              基础信息
            </div>
            <div class="code-name">.icon-jichuxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shaixuan"></span>
            <div class="name">
              筛选
            </div>
            <div class="code-name">.icon-shaixuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ziyuan16"></span>
            <div class="name">
              调度审核
            </div>
            <div class="code-name">.icon-a-ziyuan16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ziyuan18"></span>
            <div class="name">
              作业公司审核
            </div>
            <div class="code-name">.icon-a-ziyuan18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-ziyuan20"></span>
            <div class="name">
              大小类型配置
            </div>
            <div class="code-name">.icon-a-ziyuan20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-2_huaban1fuben"></span>
            <div class="name">
              未标题-2_画板 1 副本
            </div>
            <div class="code-name">.icon-a-weibiaoti-2_huaban1fuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-weibiaoti-2_huaban1"></span>
            <div class="name">
              未标题-2_画板 1
            </div>
            <div class="code-name">.icon-a-weibiaoti-2_huaban1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-icon_huaban1"></span>
            <div class="name">
              icon_画板 1
            </div>
            <div class="code-name">.icon-a-icon_huaban1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-icon_huaban1fuben"></span>
            <div class="name">
              icon_画板 1 副本
            </div>
            <div class="code-name">.icon-a-icon_huaban1fuben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-11"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.icon-a-11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-1"></span>
            <div class="name">
              海轮概览
            </div>
            <div class="code-name">.icon-a-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-072"></span>
            <div class="name">
              icon-其它
            </div>
            <div class="code-name">.icon-icon-072
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-052"></span>
            <div class="name">
              icon-海关放行
            </div>
            <div class="code-name">.icon-icon-052
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-062"></span>
            <div class="name">
              icon-费支
            </div>
            <div class="code-name">.icon-icon-062
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-032"></span>
            <div class="name">
              icon-卸货信息
            </div>
            <div class="code-name">.icon-icon-032
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-042"></span>
            <div class="name">
              icon-海轮信息
            </div>
            <div class="code-name">.icon-icon-042
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-022"></span>
            <div class="name">
              icon-卸货信息
            </div>
            <div class="code-name">.icon-icon-022
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-012"></span>
            <div class="name">
              icon-整船核销
            </div>
            <div class="code-name">.icon-icon-012
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-WechatIMG2-03"></span>
            <div class="name">
              批量作业量分配
            </div>
            <div class="code-name">.icon-WechatIMG2-03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-WechatIMG2-02"></span>
            <div class="name">
              作业量分配
            </div>
            <div class="code-name">.icon-WechatIMG2-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_xiafazhiling"></span>
            <div class="name">
              icon_下发指令
            </div>
            <div class="code-name">.icon-icon_xiafazhiling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_jiesuan1"></span>
            <div class="name">
              icon_结算
            </div>
            <div class="code-name">.icon-icon_jiesuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_chakanxiangqing"></span>
            <div class="name">
              icon_查看详情
            </div>
            <div class="code-name">.icon-icon_chakanxiangqing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_dingbuxiaoxitubiao"></span>
            <div class="name">
              icon_顶部消息图标
            </div>
            <div class="code-name">.icon-icon_dingbuxiaoxitubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_zhutitubiao"></span>
            <div class="name">
              icon_主题图标
            </div>
            <div class="code-name">.icon-icon_zhutitubiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_zengjianeibuxieyi1"></span>
            <div class="name">
              icon_增加内部协议
            </div>
            <div class="code-name">.icon-icon_zengjianeibuxieyi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_chuanfangzaxiangfeiyong"></span>
            <div class="name">
              icon_船方杂项费用
            </div>
            <div class="code-name">.icon-icon_chuanfangzaxiangfeiyong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_jiesuan"></span>
            <div class="name">
              icon_结算
            </div>
            <div class="code-name">.icon-icon_jiesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_zengjianeibuxieyi"></span>
            <div class="name">
              icon_增加内部协议
            </div>
            <div class="code-name">.icon-icon_zengjianeibuxieyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_waimaohailunyundishenbao"></span>
            <div class="name">
              icon_外贸海轮运抵申报
            </div>
            <div class="code-name">.icon-icon_waimaohailunyundishenbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon_danxianghailunhetongluru"></span>
            <div class="name">
              icon_单项海轮合同录入
            </div>
            <div class="code-name">.icon-icon_danxianghailunhetongluru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-13"></span>
            <div class="name">
              跑垛
            </div>
            <div class="code-name">.icon-13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chezaiAPP"></span>
            <div class="name">
              车载APP
            </div>
            <div class="code-name">.icon-chezaiAPP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kehuduan"></span>
            <div class="name">
              客户端
            </div>
            <div class="code-name">.icon-kehuduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-WEB"></span>
            <div class="name">
              WEB
            </div>
            <div class="code-name">.icon-WEB
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao1"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-liebiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-APP"></span>
            <div class="name">
              APP
            </div>
            <div class="code-name">.icon-APP
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huanhuo"></span>
            <div class="name">
              还货
            </div>
            <div class="code-name">.icon-huanhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-19"></span>
            <div class="name">
              数据自助分析
            </div>
            <div class="code-name">.icon-shouyelogo-19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-015"></span>
            <div class="name">
              夜班
            </div>
            <div class="code-name">.icon-1-015
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-051"></span>
            <div class="name">
              装
            </div>
            <div class="code-name">.icon-1-051
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-061"></span>
            <div class="name">
              卸
            </div>
            <div class="code-name">.icon-1-061
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-041"></span>
            <div class="name">
              货主
            </div>
            <div class="code-name">.icon-1-041
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-031"></span>
            <div class="name">
              白班
            </div>
            <div class="code-name">.icon-1-031
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-014"></span>
            <div class="name">
              位置
            </div>
            <div class="code-name">.icon-1-014
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-023"></span>
            <div class="name">
              晚班
            </div>
            <div class="code-name">.icon-1-023
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhongmingming"></span>
            <div class="name">
              重命名
            </div>
            <div class="code-name">.icon-zhongmingming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-013"></span>
            <div class="name">
              1-01
            </div>
            <div class="code-name">.icon-1-013
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-022"></span>
            <div class="name">
              网盘
            </div>
            <div class="code-name">.icon-1-022
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-2-04"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-2-04
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-2-03"></span>
            <div class="name">
              im分享
            </div>
            <div class="code-name">.icon-2-03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-2-01"></span>
            <div class="name">
              上转
            </div>
            <div class="code-name">.icon-2-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-2-02"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.icon-2-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-9"></span>
            <div class="name">
              表情
            </div>
            <div class="code-name">.icon-weibiaoti-9
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-12"></span>
            <div class="name">
              1
            </div>
            <div class="code-name">.icon-12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-01"></span>
            <div class="name">
              头像-01
            </div>
            <div class="code-name">.icon-touxiang-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-touxiang-02"></span>
            <div class="name">
              头像-02
            </div>
            <div class="code-name">.icon-touxiang-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-08"></span>
            <div class="name">
              开票结算系统
            </div>
            <div class="code-name">.icon-shouyelogo-08
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-09"></span>
            <div class="name">
              轮驳生产系统
            </div>
            <div class="code-name">.icon-shouyelogo-09
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-16"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-shouyelogo-16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-07"></span>
            <div class="name">
              生产作业系统
            </div>
            <div class="code-name">.icon-shouyelogo-07
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-18"></span>
            <div class="name">
              对外服务系统
            </div>
            <div class="code-name">.icon-shouyelogo-18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-06"></span>
            <div class="name">
              调度指挥系统
            </div>
            <div class="code-name">.icon-shouyelogo-06
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-17"></span>
            <div class="name">
              设备数据管理
            </div>
            <div class="code-name">.icon-shouyelogo-17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-15"></span>
            <div class="name">
              第三方子系统
            </div>
            <div class="code-name">.icon-shouyelogo-15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-05"></span>
            <div class="name">
              商务业务系统
            </div>
            <div class="code-name">.icon-shouyelogo-05
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-13"></span>
            <div class="name">
              经营层驾驶舱
            </div>
            <div class="code-name">.icon-shouyelogo-13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-04"></span>
            <div class="name">
              资源管理系统
            </div>
            <div class="code-name">.icon-shouyelogo-04
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-14"></span>
            <div class="name">
              执行层驾驶舱
            </div>
            <div class="code-name">.icon-shouyelogo-14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-12"></span>
            <div class="name">
              决策层驾驶舱
            </div>
            <div class="code-name">.icon-shouyelogo-12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-11"></span>
            <div class="name">
              专项统计分析
            </div>
            <div class="code-name">.icon-shouyelogo-11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-02"></span>
            <div class="name">
              元数据系统
            </div>
            <div class="code-name">.icon-shouyelogo-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-10"></span>
            <div class="name">
              综合信息查询
            </div>
            <div class="code-name">.icon-shouyelogo-10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-01"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouyelogo-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouyelogo-03"></span>
            <div class="name">
              基础数据系统
            </div>
            <div class="code-name">.icon-shouyelogo-03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chuan"></span>
            <div class="name">
              船
            </div>
            <div class="code-name">.icon-chuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongyongtubiao1"></span>
            <div class="name">
              通用图标1
            </div>
            <div class="code-name">.icon-tongyongtubiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongyongtubiao2"></span>
            <div class="name">
              通用图标2
            </div>
            <div class="code-name">.icon-tongyongtubiao2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinzengpiaohuo"></span>
            <div class="name">
              新增票货
            </div>
            <div class="code-name">.icon-xinzengpiaohuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-11"></span>
            <div class="name">
              机械核算
            </div>
            <div class="code-name">.icon-11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-2"></span>
            <div class="name">
              作业票
            </div>
            <div class="code-name">.icon-2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yulan"></span>
            <div class="name">
              预览
            </div>
            <div class="code-name">.icon-yulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qitaxiaoxi_lef_curr"></span>
            <div class="name">
              其它消息_lef_curr
            </div>
            <div class="code-name">.icon-qitaxiaoxi_lef_curr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bumenxiaoxi_lef_curr"></span>
            <div class="name">
              部门消息_lef_curr
            </div>
            <div class="code-name">.icon-bumenxiaoxi_lef_curr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gerenxiaoxi_lef_p"></span>
            <div class="name">
              个人消息_lef_p
            </div>
            <div class="code-name">.icon-gerenxiaoxi_lef_p
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qitaxiaoxi_lef_p"></span>
            <div class="name">
              其它消息_lef_p
            </div>
            <div class="code-name">.icon-qitaxiaoxi_lef_p
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gerenxiaoxi_lef_curr"></span>
            <div class="name">
              个人消息_lef_curr
            </div>
            <div class="code-name">.icon-gerenxiaoxi_lef_curr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bumenxiaoxi_lef_p"></span>
            <div class="name">
              部门消息_lef_p
            </div>
            <div class="code-name">.icon-bumenxiaoxi_lef_p
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gerenxiaoxi"></span>
            <div class="name">
              个人消息
            </div>
            <div class="code-name">.icon-gerenxiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qitaxiaoxi"></span>
            <div class="name">
              其它消息
            </div>
            <div class="code-name">.icon-qitaxiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bumenxiaoxi"></span>
            <div class="name">
              部门消息
            </div>
            <div class="code-name">.icon-bumenxiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-012"></span>
            <div class="name">
              装船海轮
            </div>
            <div class="code-name">.icon-1-012
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-021"></span>
            <div class="name">
              添加提货
            </div>
            <div class="code-name">.icon-1-021
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duiwaifuwu-01"></span>
            <div class="name">
              对外服务-01
            </div>
            <div class="code-name">.icon-duiwaifuwu-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-011"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-1-011
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-01"></span>
            <div class="name">
              取消关联
            </div>
            <div class="code-name">.icon-1-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-09"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-1-09
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-10"></span>
            <div class="name">
              更新
            </div>
            <div class="code-name">.icon-1-10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-08"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-1-08
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-06"></span>
            <div class="name">
              增加
            </div>
            <div class="code-name">.icon-1-06
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-04"></span>
            <div class="name">
              关联机构
            </div>
            <div class="code-name">.icon-1-04
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-05"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon-1-05
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-02"></span>
            <div class="name">
              关联货种
            </div>
            <div class="code-name">.icon-1-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-07"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-1-07
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1-03"></span>
            <div class="name">
              关联过程
            </div>
            <div class="code-name">.icon-1-03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo"></span>
            <div class="name">
              logo
            </div>
            <div class="code-name">.icon-logo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-10-01"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-weibiaoti-10-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-10-02"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.icon-weibiaoti-10-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-1"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaq_icon5"></span>
            <div class="name">
              zhaq_icon5
            </div>
            <div class="code-name">.icon-zhaq_icon5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-6-01"></span>
            <div class="name">
              默认头像
            </div>
            <div class="code-name">.icon-weibiaoti-6-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-5-03"></span>
            <div class="name">
              邮箱
            </div>
            <div class="code-name">.icon-weibiaoti-5-03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-5-02"></span>
            <div class="name">
              登录密码
            </div>
            <div class="code-name">.icon-weibiaoti-5-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-5-01"></span>
            <div class="name">
              手机号
            </div>
            <div class="code-name">.icon-weibiaoti-5-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-4-01"></span>
            <div class="name">
              进口货物
            </div>
            <div class="code-name">.icon-weibiaoti-4-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-4-02"></span>
            <div class="name">
              海轮预报
            </div>
            <div class="code-name">.icon-weibiaoti-4-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-3-01"></span>
            <div class="name">
              报错提示
            </div>
            <div class="code-name">.icon-weibiaoti-3-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-3-02"></span>
            <div class="name">
              信息提示
            </div>
            <div class="code-name">.icon-weibiaoti-3-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuntuliang-01"></span>
            <div class="name">
              吞吐量
            </div>
            <div class="code-name">.icon-tuntuliang-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao-02"></span>
            <div class="name">
              综合查询
            </div>
            <div class="code-name">.icon-tubiao-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao-01"></span>
            <div class="name">
              报表
            </div>
            <div class="code-name">.icon-tubiao-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-8-02"></span>
            <div class="name">
              调整
            </div>
            <div class="code-name">.icon-weibiaoti-8-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-8-01"></span>
            <div class="name">
              调发货
            </div>
            <div class="code-name">.icon-weibiaoti-8-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhuxiaoicon"></span>
            <div class="name">
              注销icon
            </div>
            <div class="code-name">.icon-zhuxiaoicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rig_icon3"></span>
            <div class="name">
              rig_icon3
            </div>
            <div class="code-name">.icon-rig_icon3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rig_icon1"></span>
            <div class="name">
              rig_icon1
            </div>
            <div class="code-name">.icon-rig_icon1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rig_icon2"></span>
            <div class="name">
              rig_icon2
            </div>
            <div class="code-name">.icon-rig_icon2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rig_icon4"></span>
            <div class="name">
              rig_icon4
            </div>
            <div class="code-name">.icon-rig_icon4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-21"></span>
            <div class="name">
              商务指令核销
            </div>
            <div class="code-name">.icon-icon-21
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-20"></span>
            <div class="name">
              清场
            </div>
            <div class="code-name">.icon-icon-20
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-19"></span>
            <div class="name">
              调账
            </div>
            <div class="code-name">.icon-icon-19
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-17"></span>
            <div class="name">
              详情
            </div>
            <div class="code-name">.icon-icon-17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-22"></span>
            <div class="name">
              商务指令核销
            </div>
            <div class="code-name">.icon-icon-22
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-16"></span>
            <div class="name">
              打印
            </div>
            <div class="code-name">.icon-icon-16
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-15"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-icon-15
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-18"></span>
            <div class="name">
              下发作业公司
            </div>
            <div class="code-name">.icon-icon-18
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-14"></span>
            <div class="name">
              离泊
            </div>
            <div class="code-name">.icon-icon-14
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-13"></span>
            <div class="name">
              执行计划
            </div>
            <div class="code-name">.icon-icon-13
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-101"></span>
            <div class="name">
              抵锚
            </div>
            <div class="code-name">.icon-icon-101
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-071"></span>
            <div class="name">
              开工
            </div>
            <div class="code-name">.icon-icon-071
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-051"></span>
            <div class="name">
              特殊情况记录
            </div>
            <div class="code-name">.icon-icon-051
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-111"></span>
            <div class="name">
              抵长江口
            </div>
            <div class="code-name">.icon-icon-111
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-061"></span>
            <div class="name">
              完工
            </div>
            <div class="code-name">.icon-icon-061
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-081"></span>
            <div class="name">
              靠泊
            </div>
            <div class="code-name">.icon-icon-081
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-12"></span>
            <div class="name">
              移泊
            </div>
            <div class="code-name">.icon-icon-12
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-091"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-icon-091
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-031"></span>
            <div class="name">
              审核发布
            </div>
            <div class="code-name">.icon-icon-031
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-041"></span>
            <div class="name">
              接收上班次计划
            </div>
            <div class="code-name">.icon-icon-041
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-021"></span>
            <div class="name">
              查询指令
            </div>
            <div class="code-name">.icon-icon-021
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-011"></span>
            <div class="name">
              离港
            </div>
            <div class="code-name">.icon-icon-011
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-10"></span>
            <div class="name">
              单点登录
            </div>
            <div class="code-name">.icon-icon-10
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-11"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-icon-11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-08"></span>
            <div class="name">
              信息查询
            </div>
            <div class="code-name">.icon-icon-08
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-07"></span>
            <div class="name">
              决策系统
            </div>
            <div class="code-name">.icon-icon-07
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-06"></span>
            <div class="name">
              作业系统
            </div>
            <div class="code-name">.icon-icon-06
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-04"></span>
            <div class="name">
              商务系统
            </div>
            <div class="code-name">.icon-icon-04
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-03"></span>
            <div class="name">
              一站式服务大厅
            </div>
            <div class="code-name">.icon-icon-03
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-09"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-icon-09
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-05"></span>
            <div class="name">
              调度系统
            </div>
            <div class="code-name">.icon-icon-05
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-01"></span>
            <div class="name">
              元数据管理
            </div>
            <div class="code-name">.icon-icon-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-02"></span>
            <div class="name">
              基础数据管理
            </div>
            <div class="code-name">.icon-icon-02
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe1"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tinggong"></span>
            <div class="name">
              停工
            </div>
            <div class="code-name">.icon-tinggong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhidaoyuan"></span>
            <div class="name">
              指导员
            </div>
            <div class="code-name">.icon-zhidaoyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidonghesuan"></span>
            <div class="name">
              自动核算
            </div>
            <div class="code-name">.icon-zidonghesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zaixianshebeiguzhang"></span>
            <div class="name">
              在线设备故障
            </div>
            <div class="code-name">.icon-zaixianshebeiguzhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoshen"></span>
            <div class="name">
              销审
            </div>
            <div class="code-name">.icon-xiaoshen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-biaodan"></span>
            <div class="name">
              表单
            </div>
            <div class="code-name">.icon-biaodan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxunlishijilu"></span>
            <div class="name">
              查询历史记录
            </div>
            <div class="code-name">.icon-chaxunlishijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caozuorizhi"></span>
            <div class="name">
              操作日志
            </div>
            <div class="code-name">.icon-caozuorizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chakanzhaopian"></span>
            <div class="name">
              查看照片
            </div>
            <div class="code-name">.icon-chakanzhaopian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dibang"></span>
            <div class="name">
              地磅
            </div>
            <div class="code-name">.icon-dibang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chaxunshangwuzhiling"></span>
            <div class="name">
              查询商务指令
            </div>
            <div class="code-name">.icon-chaxunshangwuzhiling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiugaigongbanjihua"></span>
            <div class="name">
              修改工班计划
            </div>
            <div class="code-name">.icon-xiugaigongbanjihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huoquanzhuanyi"></span>
            <div class="name">
              货权转移
            </div>
            <div class="code-name">.icon-huoquanzhuanyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fugong"></span>
            <div class="name">
              复工
            </div>
            <div class="code-name">.icon-fugong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhouyegongzuojihua"></span>
            <div class="name">
              昼夜工作计划
            </div>
            <div class="code-name">.icon-zhouyegongzuojihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuofei"></span>
            <div class="name">
              作废
            </div>
            <div class="code-name">.icon-zuofei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieshoushangban"></span>
            <div class="name">
              接收上班
            </div>
            <div class="code-name">.icon-jieshoushangban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhetongguo"></span>
            <div class="name">
              审核通过
            </div>
            <div class="code-name">.icon-shenhetongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiangongshi"></span>
            <div class="name">
              签工时
            </div>
            <div class="code-name">.icon-qiangongshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuan"></span>
            <div class="name">
              结算
            </div>
            <div class="code-name">.icon-jiesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lihuoyuan"></span>
            <div class="name">
              理货员
            </div>
            <div class="code-name">.icon-lihuoyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-piliangtianjia"></span>
            <div class="name">
              批量添加
            </div>
            <div class="code-name">.icon-piliangtianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhe"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.icon-shenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaipiao"></span>
            <div class="name">
              开票
            </div>
            <div class="code-name">.icon-kaipiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dayin"></span>
            <div class="name">
              打印
            </div>
            <div class="code-name">.icon-dayin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shenhebutongguo"></span>
            <div class="name">
              审核不通过
            </div>
            <div class="code-name">.icon-shenhebutongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.icon-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peigong"></span>
            <div class="name">
              配工
            </div>
            <div class="code-name">.icon-peigong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanzuoyelihuopiao"></span>
            <div class="name">
              生产作业理货票
            </div>
            <div class="code-name">.icon-shengchanzuoyelihuopiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.icon-daoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shougong"></span>
            <div class="name">
              收工
            </div>
            <div class="code-name">.icon-shougong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaozhang"></span>
            <div class="name">
              调账
            </div>
            <div class="code-name">.icon-tiaozhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaigong"></span>
            <div class="name">
              开工
            </div>
            <div class="code-name">.icon-kaigong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-suichexiaopiao"></span>
            <div class="name">
              随车小票
            </div>
            <div class="code-name">.icon-suichexiaopiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baocun"></span>
            <div class="name">
              保存
            </div>
            <div class="code-name">.icon-baocun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jibing"></span>
            <div class="name">
              集并
            </div>
            <div class="code-name">.icon-jibing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fuzhi"></span>
            <div class="name">
              复制
            </div>
            <div class="code-name">.icon-fuzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhiqu"></span>
            <div class="name">
              直取
            </div>
            <div class="code-name">.icon-zhiqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rukuchang"></span>
            <div class="name">
              入库场
            </div>
            <div class="code-name">.icon-rukuchang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiechuanhailun"></span>
            <div class="name">
              卸船海轮
            </div>
            <div class="code-name">.icon-xiechuanhailun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tihuo"></span>
            <div class="name">
              提货
            </div>
            <div class="code-name">.icon-tihuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjiabuchongxieyi"></span>
            <div class="name">
              添加补充协议
            </div>
            <div class="code-name">.icon-tianjiabuchongxieyi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chehui"></span>
            <div class="name">
              撤回
            </div>
            <div class="code-name">.icon-chehui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tijiao"></span>
            <div class="name">
              提交
            </div>
            <div class="code-name">.icon-tijiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-morentouxiang"></span>
            <div class="name">
              默认头像
            </div>
            <div class="code-name">.icon-morentouxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tongzhi"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.icon-tongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tab_arrowlef"></span>
            <div class="name">
              tab_arrowlef
            </div>
            <div class="code-name">.icon-tab_arrowlef
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tab_arrow"></span>
            <div class="name">
              tab_arrow
            </div>
            <div class="code-name">.icon-tab_arrow
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchantiaodu"></span>
            <div class="name">
              生产调度
            </div>
            <div class="code-name">.icon-shengchantiaodu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoye"></span>
            <div class="name">
              作业
            </div>
            <div class="code-name">.icon-zuoye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kuchangguanli"></span>
            <div class="name">
              库场管理
            </div>
            <div class="code-name">.icon-kuchangguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zongheguanli"></span>
            <div class="name">
              综合管理
            </div>
            <div class="code-name">.icon-zongheguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangcaiyitihua"></span>
            <div class="name">
              商财一体化
            </div>
            <div class="code-name">.icon-shangcaiyitihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danzhengzhongxin"></span>
            <div class="name">
              单证中心
            </div>
            <div class="code-name">.icon-danzhengzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shengchanzuoyexitong"></span>
            <div class="name">
              生产作业系统
            </div>
            <div class="code-name">.icon-shengchanzuoyexitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danzhengjiesuan"></span>
            <div class="name">
              单证结算
            </div>
            <div class="code-name">.icon-danzhengjiesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lunboxitong"></span>
            <div class="name">
              轮驳系统
            </div>
            <div class="code-name">.icon-lunboxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youjiantou"></span>
            <div class="name">
              右箭头
            </div>
            <div class="code-name">.icon-youjiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-top_shouqi"></span>
            <div class="name">
              top_收起
            </div>
            <div class="code-name">.icon-top_shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-top_zhankai"></span>
            <div class="name">
              top_展开
            </div>
            <div class="code-name">.icon-top_zhankai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-logo-011"></span>
            <div class="name">
              logo-01
            </div>
            <div class="code-name">.icon-logo-011
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao_liebiaoshanchu"></span>
            <div class="name">
              图标_列表删除
            </div>
            <div class="code-name">.icon-tubiao_liebiaoshanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaotubiao_guanlianjigou"></span>
            <div class="name">
              列表图标_关联机构
            </div>
            <div class="code-name">.icon-liebiaotubiao_guanlianjigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaotubiao_guanlianhuozhong"></span>
            <div class="name">
              列表图标_关联货种
            </div>
            <div class="code-name">.icon-liebiaotubiao_guanlianhuozhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaotubiao_guanlianguocheng"></span>
            <div class="name">
              列表图标_关联过程
            </div>
            <div class="code-name">.icon-liebiaotubiao_guanlianguocheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaotubiao_liebiaobianji"></span>
            <div class="name">
              列表图标_列表编辑
            </div>
            <div class="code-name">.icon-liebiaotubiao_liebiaobianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaotubiao_liebiaoxinzeng"></span>
            <div class="name">
              列表图标_列表新增
            </div>
            <div class="code-name">.icon-liebiaotubiao_liebiaoxinzeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaotubiao_liebiao"></span>
            <div class="name">
              列表图标_列表
            </div>
            <div class="code-name">.icon-liebiaotubiao_liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaotubiao_jiaoseguanli"></span>
            <div class="name">
              列表图标_角色管理
            </div>
            <div class="code-name">.icon-liebiaotubiao_jiaoseguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaotubiao_quxiaoguanlian"></span>
            <div class="name">
              列表图标_取消关联
            </div>
            <div class="code-name">.icon-liebiaotubiao_quxiaoguanlian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuanshujuguanli"></span>
            <div class="name">
              元数据管理
            </div>
            <div class="code-name">.icon-yuanshujuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangwuxitong"></span>
            <div class="name">
              商务系统
            </div>
            <div class="code-name">.icon-shangwuxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jichushujuguanli"></span>
            <div class="name">
              基础数据管理
            </div>
            <div class="code-name">.icon-jichushujuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yizhanshifuwudating"></span>
            <div class="name">
              一站式服务大厅
            </div>
            <div class="code-name">.icon-yizhanshifuwudating
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinxichaxun"></span>
            <div class="name">
              信息查询
            </div>
            <div class="code-name">.icon-xinxichaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zuoyexitong"></span>
            <div class="name">
              作业系统
            </div>
            <div class="code-name">.icon-zuoyexitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dandiandenglu"></span>
            <div class="name">
              单点登录
            </div>
            <div class="code-name">.icon-dandiandenglu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tiaoduxitong"></span>
            <div class="name">
              调度系统
            </div>
            <div class="code-name">.icon-tiaoduxitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xitongguanli"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.icon-xitongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-juecexitong"></span>
            <div class="name">
              决策系统
            </div>
            <div class="code-name">.icon-juecexitong
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-21"></use>
                </svg>
                <div class="name">首页logo-21</div>
                <div class="code-name">#icon-shouyelogo-21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-20"></use>
                </svg>
                <div class="name">首页logo-20</div>
                <div class="code-name">#icon-shouyelogo-20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-4"></use>
                </svg>
                <div class="name">4</div>
                <div class="code-name">#icon-a-4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-2"></use>
                </svg>
                <div class="name">2</div>
                <div class="code-name">#icon-a-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-3"></use>
                </svg>
                <div class="name">3</div>
                <div class="code-name">#icon-a-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-12"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#icon-a-12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-pdf1-02"></use>
                </svg>
                <div class="name">pdf(1)-02</div>
                <div class="code-name">#icon-a-pdf1-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-pdf1-01"></use>
                </svg>
                <div class="name">xls</div>
                <div class="code-name">#icon-a-pdf1-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-neibuguankong"></use>
                </svg>
                <div class="name">内部管控</div>
                <div class="code-name">#icon-neibuguankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiwenjiance"></use>
                </svg>
                <div class="name">体温检测</div>
                <div class="code-name">#icon-tiwenjiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinchengguiji"></use>
                </svg>
                <div class="name">进程轨迹</div>
                <div class="code-name">#icon-jinchengguiji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiechurenyuan"></use>
                </svg>
                <div class="name">接触人员</div>
                <div class="code-name">#icon-jiechurenyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hesuanjilu"></use>
                </svg>
                <div class="name">核酸记录</div>
                <div class="code-name">#icon-hesuanjilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jinchurizhi"></use>
                </svg>
                <div class="name">进出日志</div>
                <div class="code-name">#icon-jinchurizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiezhongxinxi"></use>
                </svg>
                <div class="name">接种信息</div>
                <div class="code-name">#icon-jiezhongxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jichuxinxi"></use>
                </svg>
                <div class="name">基础信息</div>
                <div class="code-name">#icon-jichuxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shaixuan"></use>
                </svg>
                <div class="name">筛选</div>
                <div class="code-name">#icon-shaixuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ziyuan16"></use>
                </svg>
                <div class="name">调度审核</div>
                <div class="code-name">#icon-a-ziyuan16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ziyuan18"></use>
                </svg>
                <div class="name">作业公司审核</div>
                <div class="code-name">#icon-a-ziyuan18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-ziyuan20"></use>
                </svg>
                <div class="name">大小类型配置</div>
                <div class="code-name">#icon-a-ziyuan20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-2_huaban1fuben"></use>
                </svg>
                <div class="name">未标题-2_画板 1 副本</div>
                <div class="code-name">#icon-a-weibiaoti-2_huaban1fuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-weibiaoti-2_huaban1"></use>
                </svg>
                <div class="name">未标题-2_画板 1</div>
                <div class="code-name">#icon-a-weibiaoti-2_huaban1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-icon_huaban1"></use>
                </svg>
                <div class="name">icon_画板 1</div>
                <div class="code-name">#icon-a-icon_huaban1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-icon_huaban1fuben"></use>
                </svg>
                <div class="name">icon_画板 1 副本</div>
                <div class="code-name">#icon-a-icon_huaban1fuben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-11"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#icon-a-11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-1"></use>
                </svg>
                <div class="name">海轮概览</div>
                <div class="code-name">#icon-a-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-072"></use>
                </svg>
                <div class="name">icon-其它</div>
                <div class="code-name">#icon-icon-072</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-052"></use>
                </svg>
                <div class="name">icon-海关放行</div>
                <div class="code-name">#icon-icon-052</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-062"></use>
                </svg>
                <div class="name">icon-费支</div>
                <div class="code-name">#icon-icon-062</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-032"></use>
                </svg>
                <div class="name">icon-卸货信息</div>
                <div class="code-name">#icon-icon-032</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-042"></use>
                </svg>
                <div class="name">icon-海轮信息</div>
                <div class="code-name">#icon-icon-042</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-022"></use>
                </svg>
                <div class="name">icon-卸货信息</div>
                <div class="code-name">#icon-icon-022</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-012"></use>
                </svg>
                <div class="name">icon-整船核销</div>
                <div class="code-name">#icon-icon-012</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-WechatIMG2-03"></use>
                </svg>
                <div class="name">批量作业量分配</div>
                <div class="code-name">#icon-WechatIMG2-03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-WechatIMG2-02"></use>
                </svg>
                <div class="name">作业量分配</div>
                <div class="code-name">#icon-WechatIMG2-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_xiafazhiling"></use>
                </svg>
                <div class="name">icon_下发指令</div>
                <div class="code-name">#icon-icon_xiafazhiling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_jiesuan1"></use>
                </svg>
                <div class="name">icon_结算</div>
                <div class="code-name">#icon-icon_jiesuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_chakanxiangqing"></use>
                </svg>
                <div class="name">icon_查看详情</div>
                <div class="code-name">#icon-icon_chakanxiangqing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_dingbuxiaoxitubiao"></use>
                </svg>
                <div class="name">icon_顶部消息图标</div>
                <div class="code-name">#icon-icon_dingbuxiaoxitubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_zhutitubiao"></use>
                </svg>
                <div class="name">icon_主题图标</div>
                <div class="code-name">#icon-icon_zhutitubiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_zengjianeibuxieyi1"></use>
                </svg>
                <div class="name">icon_增加内部协议</div>
                <div class="code-name">#icon-icon_zengjianeibuxieyi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_chuanfangzaxiangfeiyong"></use>
                </svg>
                <div class="name">icon_船方杂项费用</div>
                <div class="code-name">#icon-icon_chuanfangzaxiangfeiyong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_jiesuan"></use>
                </svg>
                <div class="name">icon_结算</div>
                <div class="code-name">#icon-icon_jiesuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_zengjianeibuxieyi"></use>
                </svg>
                <div class="name">icon_增加内部协议</div>
                <div class="code-name">#icon-icon_zengjianeibuxieyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_waimaohailunyundishenbao"></use>
                </svg>
                <div class="name">icon_外贸海轮运抵申报</div>
                <div class="code-name">#icon-icon_waimaohailunyundishenbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon_danxianghailunhetongluru"></use>
                </svg>
                <div class="name">icon_单项海轮合同录入</div>
                <div class="code-name">#icon-icon_danxianghailunhetongluru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-13"></use>
                </svg>
                <div class="name">跑垛</div>
                <div class="code-name">#icon-13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chezaiAPP"></use>
                </svg>
                <div class="name">车载APP</div>
                <div class="code-name">#icon-chezaiAPP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kehuduan"></use>
                </svg>
                <div class="name">客户端</div>
                <div class="code-name">#icon-kehuduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-WEB"></use>
                </svg>
                <div class="name">WEB</div>
                <div class="code-name">#icon-WEB</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao1"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-liebiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-APP"></use>
                </svg>
                <div class="name">APP</div>
                <div class="code-name">#icon-APP</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanhuo"></use>
                </svg>
                <div class="name">还货</div>
                <div class="code-name">#icon-huanhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-19"></use>
                </svg>
                <div class="name">数据自助分析</div>
                <div class="code-name">#icon-shouyelogo-19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-015"></use>
                </svg>
                <div class="name">夜班</div>
                <div class="code-name">#icon-1-015</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-051"></use>
                </svg>
                <div class="name">装</div>
                <div class="code-name">#icon-1-051</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-061"></use>
                </svg>
                <div class="name">卸</div>
                <div class="code-name">#icon-1-061</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-041"></use>
                </svg>
                <div class="name">货主</div>
                <div class="code-name">#icon-1-041</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-031"></use>
                </svg>
                <div class="name">白班</div>
                <div class="code-name">#icon-1-031</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-014"></use>
                </svg>
                <div class="name">位置</div>
                <div class="code-name">#icon-1-014</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-023"></use>
                </svg>
                <div class="name">晚班</div>
                <div class="code-name">#icon-1-023</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhongmingming"></use>
                </svg>
                <div class="name">重命名</div>
                <div class="code-name">#icon-zhongmingming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-013"></use>
                </svg>
                <div class="name">1-01</div>
                <div class="code-name">#icon-1-013</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-022"></use>
                </svg>
                <div class="name">网盘</div>
                <div class="code-name">#icon-1-022</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-2-04"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-2-04</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-2-03"></use>
                </svg>
                <div class="name">im分享</div>
                <div class="code-name">#icon-2-03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-2-01"></use>
                </svg>
                <div class="name">上转</div>
                <div class="code-name">#icon-2-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-2-02"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#icon-2-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-9"></use>
                </svg>
                <div class="name">表情</div>
                <div class="code-name">#icon-weibiaoti-9</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-12"></use>
                </svg>
                <div class="name">1</div>
                <div class="code-name">#icon-12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-01"></use>
                </svg>
                <div class="name">头像-01</div>
                <div class="code-name">#icon-touxiang-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-touxiang-02"></use>
                </svg>
                <div class="name">头像-02</div>
                <div class="code-name">#icon-touxiang-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-08"></use>
                </svg>
                <div class="name">开票结算系统</div>
                <div class="code-name">#icon-shouyelogo-08</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-09"></use>
                </svg>
                <div class="name">轮驳生产系统</div>
                <div class="code-name">#icon-shouyelogo-09</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-16"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-shouyelogo-16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-07"></use>
                </svg>
                <div class="name">生产作业系统</div>
                <div class="code-name">#icon-shouyelogo-07</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-18"></use>
                </svg>
                <div class="name">对外服务系统</div>
                <div class="code-name">#icon-shouyelogo-18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-06"></use>
                </svg>
                <div class="name">调度指挥系统</div>
                <div class="code-name">#icon-shouyelogo-06</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-17"></use>
                </svg>
                <div class="name">设备数据管理</div>
                <div class="code-name">#icon-shouyelogo-17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-15"></use>
                </svg>
                <div class="name">第三方子系统</div>
                <div class="code-name">#icon-shouyelogo-15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-05"></use>
                </svg>
                <div class="name">商务业务系统</div>
                <div class="code-name">#icon-shouyelogo-05</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-13"></use>
                </svg>
                <div class="name">经营层驾驶舱</div>
                <div class="code-name">#icon-shouyelogo-13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-04"></use>
                </svg>
                <div class="name">资源管理系统</div>
                <div class="code-name">#icon-shouyelogo-04</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-14"></use>
                </svg>
                <div class="name">执行层驾驶舱</div>
                <div class="code-name">#icon-shouyelogo-14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-12"></use>
                </svg>
                <div class="name">决策层驾驶舱</div>
                <div class="code-name">#icon-shouyelogo-12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-11"></use>
                </svg>
                <div class="name">专项统计分析</div>
                <div class="code-name">#icon-shouyelogo-11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-02"></use>
                </svg>
                <div class="name">元数据系统</div>
                <div class="code-name">#icon-shouyelogo-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-10"></use>
                </svg>
                <div class="name">综合信息查询</div>
                <div class="code-name">#icon-shouyelogo-10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-01"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouyelogo-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouyelogo-03"></use>
                </svg>
                <div class="name">基础数据系统</div>
                <div class="code-name">#icon-shouyelogo-03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chuan"></use>
                </svg>
                <div class="name">船</div>
                <div class="code-name">#icon-chuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongyongtubiao1"></use>
                </svg>
                <div class="name">通用图标1</div>
                <div class="code-name">#icon-tongyongtubiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongyongtubiao2"></use>
                </svg>
                <div class="name">通用图标2</div>
                <div class="code-name">#icon-tongyongtubiao2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinzengpiaohuo"></use>
                </svg>
                <div class="name">新增票货</div>
                <div class="code-name">#icon-xinzengpiaohuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-11"></use>
                </svg>
                <div class="name">机械核算</div>
                <div class="code-name">#icon-11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-2"></use>
                </svg>
                <div class="name">作业票</div>
                <div class="code-name">#icon-2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yulan"></use>
                </svg>
                <div class="name">预览</div>
                <div class="code-name">#icon-yulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qitaxiaoxi_lef_curr"></use>
                </svg>
                <div class="name">其它消息_lef_curr</div>
                <div class="code-name">#icon-qitaxiaoxi_lef_curr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenxiaoxi_lef_curr"></use>
                </svg>
                <div class="name">部门消息_lef_curr</div>
                <div class="code-name">#icon-bumenxiaoxi_lef_curr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gerenxiaoxi_lef_p"></use>
                </svg>
                <div class="name">个人消息_lef_p</div>
                <div class="code-name">#icon-gerenxiaoxi_lef_p</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qitaxiaoxi_lef_p"></use>
                </svg>
                <div class="name">其它消息_lef_p</div>
                <div class="code-name">#icon-qitaxiaoxi_lef_p</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gerenxiaoxi_lef_curr"></use>
                </svg>
                <div class="name">个人消息_lef_curr</div>
                <div class="code-name">#icon-gerenxiaoxi_lef_curr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenxiaoxi_lef_p"></use>
                </svg>
                <div class="name">部门消息_lef_p</div>
                <div class="code-name">#icon-bumenxiaoxi_lef_p</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gerenxiaoxi"></use>
                </svg>
                <div class="name">个人消息</div>
                <div class="code-name">#icon-gerenxiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qitaxiaoxi"></use>
                </svg>
                <div class="name">其它消息</div>
                <div class="code-name">#icon-qitaxiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bumenxiaoxi"></use>
                </svg>
                <div class="name">部门消息</div>
                <div class="code-name">#icon-bumenxiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-012"></use>
                </svg>
                <div class="name">装船海轮</div>
                <div class="code-name">#icon-1-012</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-021"></use>
                </svg>
                <div class="name">添加提货</div>
                <div class="code-name">#icon-1-021</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duiwaifuwu-01"></use>
                </svg>
                <div class="name">对外服务-01</div>
                <div class="code-name">#icon-duiwaifuwu-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-011"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-1-011</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-01"></use>
                </svg>
                <div class="name">取消关联</div>
                <div class="code-name">#icon-1-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-09"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-1-09</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-10"></use>
                </svg>
                <div class="name">更新</div>
                <div class="code-name">#icon-1-10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-08"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-1-08</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-06"></use>
                </svg>
                <div class="name">增加</div>
                <div class="code-name">#icon-1-06</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-04"></use>
                </svg>
                <div class="name">关联机构</div>
                <div class="code-name">#icon-1-04</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-05"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon-1-05</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-02"></use>
                </svg>
                <div class="name">关联货种</div>
                <div class="code-name">#icon-1-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-07"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-1-07</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1-03"></use>
                </svg>
                <div class="name">关联过程</div>
                <div class="code-name">#icon-1-03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo"></use>
                </svg>
                <div class="name">logo</div>
                <div class="code-name">#icon-logo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-10-01"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-weibiaoti-10-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-10-02"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#icon-weibiaoti-10-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-1"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaq_icon5"></use>
                </svg>
                <div class="name">zhaq_icon5</div>
                <div class="code-name">#icon-zhaq_icon5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-6-01"></use>
                </svg>
                <div class="name">默认头像</div>
                <div class="code-name">#icon-weibiaoti-6-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-5-03"></use>
                </svg>
                <div class="name">邮箱</div>
                <div class="code-name">#icon-weibiaoti-5-03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-5-02"></use>
                </svg>
                <div class="name">登录密码</div>
                <div class="code-name">#icon-weibiaoti-5-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-5-01"></use>
                </svg>
                <div class="name">手机号</div>
                <div class="code-name">#icon-weibiaoti-5-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-4-01"></use>
                </svg>
                <div class="name">进口货物</div>
                <div class="code-name">#icon-weibiaoti-4-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-4-02"></use>
                </svg>
                <div class="name">海轮预报</div>
                <div class="code-name">#icon-weibiaoti-4-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-3-01"></use>
                </svg>
                <div class="name">报错提示</div>
                <div class="code-name">#icon-weibiaoti-3-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-3-02"></use>
                </svg>
                <div class="name">信息提示</div>
                <div class="code-name">#icon-weibiaoti-3-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuntuliang-01"></use>
                </svg>
                <div class="name">吞吐量</div>
                <div class="code-name">#icon-tuntuliang-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao-02"></use>
                </svg>
                <div class="name">综合查询</div>
                <div class="code-name">#icon-tubiao-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao-01"></use>
                </svg>
                <div class="name">报表</div>
                <div class="code-name">#icon-tubiao-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-8-02"></use>
                </svg>
                <div class="name">调整</div>
                <div class="code-name">#icon-weibiaoti-8-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-8-01"></use>
                </svg>
                <div class="name">调发货</div>
                <div class="code-name">#icon-weibiaoti-8-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhuxiaoicon"></use>
                </svg>
                <div class="name">注销icon</div>
                <div class="code-name">#icon-zhuxiaoicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rig_icon3"></use>
                </svg>
                <div class="name">rig_icon3</div>
                <div class="code-name">#icon-rig_icon3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rig_icon1"></use>
                </svg>
                <div class="name">rig_icon1</div>
                <div class="code-name">#icon-rig_icon1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rig_icon2"></use>
                </svg>
                <div class="name">rig_icon2</div>
                <div class="code-name">#icon-rig_icon2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rig_icon4"></use>
                </svg>
                <div class="name">rig_icon4</div>
                <div class="code-name">#icon-rig_icon4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-21"></use>
                </svg>
                <div class="name">商务指令核销</div>
                <div class="code-name">#icon-icon-21</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-20"></use>
                </svg>
                <div class="name">清场</div>
                <div class="code-name">#icon-icon-20</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-19"></use>
                </svg>
                <div class="name">调账</div>
                <div class="code-name">#icon-icon-19</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-17"></use>
                </svg>
                <div class="name">详情</div>
                <div class="code-name">#icon-icon-17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-22"></use>
                </svg>
                <div class="name">商务指令核销</div>
                <div class="code-name">#icon-icon-22</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-16"></use>
                </svg>
                <div class="name">打印</div>
                <div class="code-name">#icon-icon-16</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-15"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icon-icon-15</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-18"></use>
                </svg>
                <div class="name">下发作业公司</div>
                <div class="code-name">#icon-icon-18</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-14"></use>
                </svg>
                <div class="name">离泊</div>
                <div class="code-name">#icon-icon-14</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-13"></use>
                </svg>
                <div class="name">执行计划</div>
                <div class="code-name">#icon-icon-13</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-101"></use>
                </svg>
                <div class="name">抵锚</div>
                <div class="code-name">#icon-icon-101</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-071"></use>
                </svg>
                <div class="name">开工</div>
                <div class="code-name">#icon-icon-071</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-051"></use>
                </svg>
                <div class="name">特殊情况记录</div>
                <div class="code-name">#icon-icon-051</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-111"></use>
                </svg>
                <div class="name">抵长江口</div>
                <div class="code-name">#icon-icon-111</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-061"></use>
                </svg>
                <div class="name">完工</div>
                <div class="code-name">#icon-icon-061</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-081"></use>
                </svg>
                <div class="name">靠泊</div>
                <div class="code-name">#icon-icon-081</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-12"></use>
                </svg>
                <div class="name">移泊</div>
                <div class="code-name">#icon-icon-12</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-091"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-icon-091</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-031"></use>
                </svg>
                <div class="name">审核发布</div>
                <div class="code-name">#icon-icon-031</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-041"></use>
                </svg>
                <div class="name">接收上班次计划</div>
                <div class="code-name">#icon-icon-041</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-021"></use>
                </svg>
                <div class="name">查询指令</div>
                <div class="code-name">#icon-icon-021</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-011"></use>
                </svg>
                <div class="name">离港</div>
                <div class="code-name">#icon-icon-011</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-10"></use>
                </svg>
                <div class="name">单点登录</div>
                <div class="code-name">#icon-icon-10</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-11"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-icon-11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-08"></use>
                </svg>
                <div class="name">信息查询</div>
                <div class="code-name">#icon-icon-08</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-07"></use>
                </svg>
                <div class="name">决策系统</div>
                <div class="code-name">#icon-icon-07</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-06"></use>
                </svg>
                <div class="name">作业系统</div>
                <div class="code-name">#icon-icon-06</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-04"></use>
                </svg>
                <div class="name">商务系统</div>
                <div class="code-name">#icon-icon-04</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-03"></use>
                </svg>
                <div class="name">一站式服务大厅</div>
                <div class="code-name">#icon-icon-03</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-09"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-icon-09</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-05"></use>
                </svg>
                <div class="name">调度系统</div>
                <div class="code-name">#icon-icon-05</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-01"></use>
                </svg>
                <div class="name">元数据管理</div>
                <div class="code-name">#icon-icon-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-02"></use>
                </svg>
                <div class="name">基础数据管理</div>
                <div class="code-name">#icon-icon-02</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe1"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tinggong"></use>
                </svg>
                <div class="name">停工</div>
                <div class="code-name">#icon-tinggong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhidaoyuan"></use>
                </svg>
                <div class="name">指导员</div>
                <div class="code-name">#icon-zhidaoyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidonghesuan"></use>
                </svg>
                <div class="name">自动核算</div>
                <div class="code-name">#icon-zidonghesuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zaixianshebeiguzhang"></use>
                </svg>
                <div class="name">在线设备故障</div>
                <div class="code-name">#icon-zaixianshebeiguzhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoshen"></use>
                </svg>
                <div class="name">销审</div>
                <div class="code-name">#icon-xiaoshen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-biaodan"></use>
                </svg>
                <div class="name">表单</div>
                <div class="code-name">#icon-biaodan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxunlishijilu"></use>
                </svg>
                <div class="name">查询历史记录</div>
                <div class="code-name">#icon-chaxunlishijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caozuorizhi"></use>
                </svg>
                <div class="name">操作日志</div>
                <div class="code-name">#icon-caozuorizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chakanzhaopian"></use>
                </svg>
                <div class="name">查看照片</div>
                <div class="code-name">#icon-chakanzhaopian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dibang"></use>
                </svg>
                <div class="name">地磅</div>
                <div class="code-name">#icon-dibang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chaxunshangwuzhiling"></use>
                </svg>
                <div class="name">查询商务指令</div>
                <div class="code-name">#icon-chaxunshangwuzhiling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiugaigongbanjihua"></use>
                </svg>
                <div class="name">修改工班计划</div>
                <div class="code-name">#icon-xiugaigongbanjihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huoquanzhuanyi"></use>
                </svg>
                <div class="name">货权转移</div>
                <div class="code-name">#icon-huoquanzhuanyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fugong"></use>
                </svg>
                <div class="name">复工</div>
                <div class="code-name">#icon-fugong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhouyegongzuojihua"></use>
                </svg>
                <div class="name">昼夜工作计划</div>
                <div class="code-name">#icon-zhouyegongzuojihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuofei"></use>
                </svg>
                <div class="name">作废</div>
                <div class="code-name">#icon-zuofei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieshoushangban"></use>
                </svg>
                <div class="name">接收上班</div>
                <div class="code-name">#icon-jieshoushangban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhetongguo"></use>
                </svg>
                <div class="name">审核通过</div>
                <div class="code-name">#icon-shenhetongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiangongshi"></use>
                </svg>
                <div class="name">签工时</div>
                <div class="code-name">#icon-qiangongshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesuan"></use>
                </svg>
                <div class="name">结算</div>
                <div class="code-name">#icon-jiesuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lihuoyuan"></use>
                </svg>
                <div class="name">理货员</div>
                <div class="code-name">#icon-lihuoyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-piliangtianjia"></use>
                </svg>
                <div class="name">批量添加</div>
                <div class="code-name">#icon-piliangtianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhe"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#icon-shenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaipiao"></use>
                </svg>
                <div class="name">开票</div>
                <div class="code-name">#icon-kaipiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dayin"></use>
                </svg>
                <div class="name">打印</div>
                <div class="code-name">#icon-dayin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shenhebutongguo"></use>
                </svg>
                <div class="name">审核不通过</div>
                <div class="code-name">#icon-shenhebutongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#icon-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peigong"></use>
                </svg>
                <div class="name">配工</div>
                <div class="code-name">#icon-peigong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanzuoyelihuopiao"></use>
                </svg>
                <div class="name">生产作业理货票</div>
                <div class="code-name">#icon-shengchanzuoyelihuopiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#icon-daoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shougong"></use>
                </svg>
                <div class="name">收工</div>
                <div class="code-name">#icon-shougong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaozhang"></use>
                </svg>
                <div class="name">调账</div>
                <div class="code-name">#icon-tiaozhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaigong"></use>
                </svg>
                <div class="name">开工</div>
                <div class="code-name">#icon-kaigong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-suichexiaopiao"></use>
                </svg>
                <div class="name">随车小票</div>
                <div class="code-name">#icon-suichexiaopiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baocun"></use>
                </svg>
                <div class="name">保存</div>
                <div class="code-name">#icon-baocun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jibing"></use>
                </svg>
                <div class="name">集并</div>
                <div class="code-name">#icon-jibing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fuzhi"></use>
                </svg>
                <div class="name">复制</div>
                <div class="code-name">#icon-fuzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhiqu"></use>
                </svg>
                <div class="name">直取</div>
                <div class="code-name">#icon-zhiqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rukuchang"></use>
                </svg>
                <div class="name">入库场</div>
                <div class="code-name">#icon-rukuchang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiechuanhailun"></use>
                </svg>
                <div class="name">卸船海轮</div>
                <div class="code-name">#icon-xiechuanhailun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tihuo"></use>
                </svg>
                <div class="name">提货</div>
                <div class="code-name">#icon-tihuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjiabuchongxieyi"></use>
                </svg>
                <div class="name">添加补充协议</div>
                <div class="code-name">#icon-tianjiabuchongxieyi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chehui"></use>
                </svg>
                <div class="name">撤回</div>
                <div class="code-name">#icon-chehui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tijiao"></use>
                </svg>
                <div class="name">提交</div>
                <div class="code-name">#icon-tijiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-morentouxiang"></use>
                </svg>
                <div class="name">默认头像</div>
                <div class="code-name">#icon-morentouxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongzhi"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#icon-tongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tab_arrowlef"></use>
                </svg>
                <div class="name">tab_arrowlef</div>
                <div class="code-name">#icon-tab_arrowlef</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tab_arrow"></use>
                </svg>
                <div class="name">tab_arrow</div>
                <div class="code-name">#icon-tab_arrow</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchantiaodu"></use>
                </svg>
                <div class="name">生产调度</div>
                <div class="code-name">#icon-shengchantiaodu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoye"></use>
                </svg>
                <div class="name">作业</div>
                <div class="code-name">#icon-zuoye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kuchangguanli"></use>
                </svg>
                <div class="name">库场管理</div>
                <div class="code-name">#icon-kuchangguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zongheguanli"></use>
                </svg>
                <div class="name">综合管理</div>
                <div class="code-name">#icon-zongheguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangcaiyitihua"></use>
                </svg>
                <div class="name">商财一体化</div>
                <div class="code-name">#icon-shangcaiyitihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danzhengzhongxin"></use>
                </svg>
                <div class="name">单证中心</div>
                <div class="code-name">#icon-danzhengzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shengchanzuoyexitong"></use>
                </svg>
                <div class="name">生产作业系统</div>
                <div class="code-name">#icon-shengchanzuoyexitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danzhengjiesuan"></use>
                </svg>
                <div class="name">单证结算</div>
                <div class="code-name">#icon-danzhengjiesuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lunboxitong"></use>
                </svg>
                <div class="name">轮驳系统</div>
                <div class="code-name">#icon-lunboxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youjiantou"></use>
                </svg>
                <div class="name">右箭头</div>
                <div class="code-name">#icon-youjiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-top_shouqi"></use>
                </svg>
                <div class="name">top_收起</div>
                <div class="code-name">#icon-top_shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-top_zhankai"></use>
                </svg>
                <div class="name">top_展开</div>
                <div class="code-name">#icon-top_zhankai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-logo-011"></use>
                </svg>
                <div class="name">logo-01</div>
                <div class="code-name">#icon-logo-011</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao_liebiaoshanchu"></use>
                </svg>
                <div class="name">图标_列表删除</div>
                <div class="code-name">#icon-tubiao_liebiaoshanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaotubiao_guanlianjigou"></use>
                </svg>
                <div class="name">列表图标_关联机构</div>
                <div class="code-name">#icon-liebiaotubiao_guanlianjigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaotubiao_guanlianhuozhong"></use>
                </svg>
                <div class="name">列表图标_关联货种</div>
                <div class="code-name">#icon-liebiaotubiao_guanlianhuozhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaotubiao_guanlianguocheng"></use>
                </svg>
                <div class="name">列表图标_关联过程</div>
                <div class="code-name">#icon-liebiaotubiao_guanlianguocheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaotubiao_liebiaobianji"></use>
                </svg>
                <div class="name">列表图标_列表编辑</div>
                <div class="code-name">#icon-liebiaotubiao_liebiaobianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaotubiao_liebiaoxinzeng"></use>
                </svg>
                <div class="name">列表图标_列表新增</div>
                <div class="code-name">#icon-liebiaotubiao_liebiaoxinzeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaotubiao_liebiao"></use>
                </svg>
                <div class="name">列表图标_列表</div>
                <div class="code-name">#icon-liebiaotubiao_liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaotubiao_jiaoseguanli"></use>
                </svg>
                <div class="name">列表图标_角色管理</div>
                <div class="code-name">#icon-liebiaotubiao_jiaoseguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaotubiao_quxiaoguanlian"></use>
                </svg>
                <div class="name">列表图标_取消关联</div>
                <div class="code-name">#icon-liebiaotubiao_quxiaoguanlian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuanshujuguanli"></use>
                </svg>
                <div class="name">元数据管理</div>
                <div class="code-name">#icon-yuanshujuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangwuxitong"></use>
                </svg>
                <div class="name">商务系统</div>
                <div class="code-name">#icon-shangwuxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jichushujuguanli"></use>
                </svg>
                <div class="name">基础数据管理</div>
                <div class="code-name">#icon-jichushujuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yizhanshifuwudating"></use>
                </svg>
                <div class="name">一站式服务大厅</div>
                <div class="code-name">#icon-yizhanshifuwudating</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinxichaxun"></use>
                </svg>
                <div class="name">信息查询</div>
                <div class="code-name">#icon-xinxichaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zuoyexitong"></use>
                </svg>
                <div class="name">作业系统</div>
                <div class="code-name">#icon-zuoyexitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dandiandenglu"></use>
                </svg>
                <div class="name">单点登录</div>
                <div class="code-name">#icon-dandiandenglu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tiaoduxitong"></use>
                </svg>
                <div class="name">调度系统</div>
                <div class="code-name">#icon-tiaoduxitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xitongguanli"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#icon-xitongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-juecexitong"></use>
                </svg>
                <div class="name">决策系统</div>
                <div class="code-name">#icon-juecexitong</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
